<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Form学习</title>
</head>
<body>
<!--
表单：
    1：作用： 向服务器发送数据
    2：基本语法
        <form action="" method="get">
        action 属性指定表单提交到服务器中那个文件，属性值为文件的路径
        method 属性指定数据提交的方式，常用  get 、post
    注意：
        GET请求：
                1：数据会被拼接在URL后面，直接发送（明文发送）
                2：数据大小受限，最多只能传输2k数据
                3：默认提交方式
        POST请求：
                1：数据被打包单独发送，隐式发送给服务器
                2：数据大写不受限
    3：表单的控件
        1:文本输入框和密码输入框
            type 设置控件的属性-必填
            name 设置控件的名称-必填
             <input type="password" name="pwd"/>
         2：单选和复选
            radio 单选
            checkbox 多选
            name：属性用来定义控件的名称，并且分组，一组按钮的name必须一致
            checked 默认选中状态
     <p>
        1<input type="radio"  checked name="单选">
        2<input type="radio" name="单选">
        3<input type="checkbox" name="多选">
        4 <input type="checkbox" name="多选">
    </p>
    4.隐藏域
        隐方式发送一些附加的信息，用户看不见
    5.文件上传
        <input type="file" name="touxiang">
    6.文本域
        <textarea name="个人信息" ></textarea>
        可以用disabled禁用表单控件，适用于所有的表单控件
    7.下拉选项
       <select name="area">
        <option>北京</option>
        <option>上海</option>
      </select>

    8.提交和重置按钮、普通按钮.
        1:提交：将数据发送给服务器
         <input type="submit" >
        2：重置按钮：重置当前表单的数据
        <input type="reset" >
        3：普通按钮
         <button type="button">普通按钮</button>



-->
<form action="www.baidu.com" method="get">
    <p>
        密码：   <input type="password"  placeholder="输入娃哈哈的六位" name="密码"/>
        <input type="text"  placeholder="输入娃哈哈的六位" name="密码" value="wahahhaha"/>
    </p>

        用富华大厦：
        1<input type="radio"  checked name="单选">
    2<input type="radio" name="单选">
    3<input type="checkbox" name="多选">
    4 <input type="checkbox" name="多选">
    </p>
    <input type="hidden" name="id">
    <input type="file" name="touxiang">
    <p><textarea name="个人信息" cols="10" rows="10" disabled></textarea></p>
    <select name="area">
        <option>北京</option>
        <option>上海</option>
    </select>
    <input type="submit" >
    <input type="reset" >
    <button type="submit">普通按钮</button>

    <input type="radio" value="nan" id="78" name="gender">
    <label for="78">男</label>


</form>



</body>
</html>